.maplibregl-map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.maplibregl-canvas {
  width: 100% !important;
  height: 100% !important;
}

.maplibregl-control-container {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1000 !important;
}

/* 基础控件样式 */
.maplibregl-ctrl {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* 比例尺样式 */
.maplibregl-ctrl-scale {
  padding: 2px 4px;
  font-size: 12px;
  color: #333;
}

/* 确保地图控件在最上层 */
.maplibregl-ctrl {
  z-index: 1000 !important;
}

/* 确保控件容器不被遮挡 */
.maplibregl-control-container {
  z-index: 1000 !important;
  pointer-events: auto !important;
}